<div style="border-bottom: solid 1px  #e4e6ea; display: table; width: 100%;">
	<div style="display: table-cell; vertical-align:middle; padding-right: 30px"><img src="https://cdn.quantconnect.com/web/i/docs/docs_home_icon.rev0.png"/>
	</div>
	<div>
		<h1>Tutorials</h1>
		<h2 style="margin-top: 8px;"><span style="font-size: 22px;">Learn to use QuantConnect with guided tutorials</span>
		</h2>
	</div>
</div>


<div class="row" style="margin-top: 50px; margin-bottom: 10px;">
	<div class="col-md-6 col-sm-12">
		<div class="card">
			<div class="image">
				<img src="https://cdn.quantconnect.com/i/tu/api tutorials@2x.png" width="60px">
			</div>
			<div class="content">
				<a class="" href="/tutorials/api-tutorials/introduction">
					<h4 style="margin-bottom: 10px;">
						API Tutorials
					</h4>
				</a>
				Learn how to build algorithms in QuantConnect
			</div>
		</div>
	</div>
	<div class="col-md-6 col-sm-12">
		<div class="card">
			<div class="image">
				<img src="https://cdn.quantconnect.com/i/tu/tutorial series@2x.png" width="65px">
			</div>
			<div class="content">
				<a class="" href="/tutorials/tutorial-series/introduction">
					<h4>
						Tutorial Series
					</h4>
				</a>
				Step by step introductions to the basics of python and finance
			</div>
		</div>
	</div>
</div>
<div class="row" >
	<div class="col-md-6 col-sm-12">
		<div class="card">
			<div class="image">
				<img src="https://cdn.quantconnect.com/i/tu/open source@2x.png" width="60px">
			</div>
			<div class="content">
				<a class="" href="/tutorials/open-source/introduction">
					<h4>
						Open Source
					</h4>
				</a>
				Deploy and harness the LEAN algorithmic trading engine
			</div>
		</div>
	</div>
	<div class="col-md-6 col-sm-12">
		<div class="card">
			<div class="image">
				<img src="https://cdn.quantconnect.com/i/tu/strategy library@2x.png" width="60px">
			</div>
			<div class="content">
				<a class="" href="/tutorials/strategy-library/strategy-library">
					<h4>
						Strategy Library
					</h4>
				</a>
				Hundreds of academic papers implemented as LEAN trading strategies
			</div>
		</div>
	</div>
</div>


<style>
	* {
		box-sizing: border-box;
	}
	.row:after {
		content: "";
		display: table;
		clear: both;
	}
	.card {
		background: #fff;
		display: table;
	}
	.image {
		width: 120px;
		display:table-cell;
		vertical-align:middle;
		text-align:center;
	}
	.content {
		width: 80%;
		overflow: hidden;
		padding: 5px;
		color: #8f9ca3;
		display:table-cell;
		vertical-align:middle;
		padding-left: 25px;
		line-height: 1.8rem;
		font-weight: bold;
	}
	.content h4 {
		margin: 2px 0;
		margin-bottom: 5px;
		color: #0072bc;
		font-size: 18px;
		line-height: 1.4rem;
	}


	.documentation #doc-content h2.page-sub-heading {
		display:none !important;
	}

	h1.automated {
		display: none;
	}


</style>